<template>
  <div>
    <div class="fenLei">
        <span>全城</span>
        <span>品牌</span>
        <span>特色</span>
      </div>
      
    <a href="/shows/15658">
      <div class="item mb-line-b" data-id="15658" data-bid="dp_wx_home_cinema_list">
        <div class="title-block box-flex middle">
          <div class="title line-ellipsis">
            <span>华夏太古巨幕影城（贺龙广场店）</span>
              <span class="price-block">
                <span class="price">33</span><span class="q">元起</span>
              </span>
          </div>
          <div class="location-block box-flex">
              <div class="flex line-ellipsis">天心区芙蓉中路贺龙体育馆北摩天轮下</div>
                <div class="distance">500m</div>
          </div>
          <div class="flex"></div>
            <div class="label-block">
                  <div class="endorse">改签</div>
                  <div class="snack">小吃</div>
                  <div class="vipTag">折扣卡</div>
                    <div class="hallType">杜比全景声厅</div>
            </div>
 
<div class="discount-block">
</div>        </div>

      </div>
    </a>
    <a href="/shows/14646">
      <div class="item mb-line-b" data-id="14646" data-bid="dp_wx_home_cinema_list">
        <div class="title-block box-flex middle">
          <div class="title line-ellipsis">
            <span>潇湘国际影城（东塘店）</span>
              <span class="price-block">
                <span class="price">39</span><span class="q">元起</span>
              </span>
          </div>
          <div class="location-block box-flex">
              <div class="flex line-ellipsis">雨花区韶山中路1号潇影大厦5楼</div>
                <div class="distance">1.2km</div>
          </div>
          <div class="flex"></div>
            <div class="label-block">
                  <div class="allowRefund">退</div>
                  <div class="endorse">改签</div>
                  <div class="vipTag">折扣卡</div>
                    <div class="hallType">MX4D厅</div>
            </div>
 
<div class="discount-block">
    <div>
      <div class="discount-label normal card">
        <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
      </div>
      <div class="discount-label-text">开卡特惠，24.9元起开卡</div>
    </div>
</div>        </div>

      </div>
    </a>
    <a href="/shows/36173">
      <div class="item mb-line-b" data-id="36173" data-bid="dp_wx_home_cinema_list">
        <div class="title-block box-flex middle">
          <div class="title line-ellipsis">
            <span>电影先森（东方悦邻店）</span>
              <span class="price-block">
                <span class="price">32</span><span class="q">元起</span>
              </span>
          </div>
          <div class="location-block box-flex">
              <div class="flex line-ellipsis">雨花区曙光中路56号东方新世界2楼</div>
                <div class="distance">1.3km</div>
          </div>
          <div class="flex"></div>
            <div class="label-block">
                  <div class="allowRefund">退</div>
                  <div class="endorse">改签</div>
                    <div class="hallType">儿童厅</div>
                    <div class="hallType">4K厅</div>
            </div>
 
<div class="discount-block">
</div>        </div>

      </div>
    </a>
    <a href="/shows/14825">
      <div class="item mb-line-b" data-id="14825" data-bid="dp_wx_home_cinema_list">
        <div class="title-block box-flex middle">
          <div class="title line-ellipsis">
            <span>中影百誉影院</span>
              <span class="price-block">
                <span class="price">36</span><span class="q">元起</span>
              </span>
          </div>
          <div class="location-block box-flex">
              <div class="flex line-ellipsis">天心区黄兴南路商业步行街A区南门口1662购物中心3楼A302（近南门口交通银行）</div>
                <div class="distance">1.5km</div>
          </div>
          <div class="flex"></div>
            <div class="label-block">
                  <div class="allowRefund">退</div>
                  <div class="endorse">改签</div>
                  <div class="vipTag">折扣卡</div>
            </div>
 
<div class="discount-block">
    <div>
      <div class="discount-label normal card">
        <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
      </div>
      <div class="discount-label-text">开卡特惠，首单1张最高立减3元</div>
    </div>
</div>        </div>

      </div>
    </a>
    <a href="/shows/25573">
      <div class="item mb-line-b" data-id="25573" data-bid="dp_wx_home_cinema_list">
        <div class="title-block box-flex middle">
          <div class="title line-ellipsis">
            <span>汉鼎宇佑影城黄兴广场店</span>
              <span class="price-block">
                <span class="price">29</span><span class="q">元起</span>
              </span>
          </div>
          <div class="location-block box-flex">
              <div class="flex line-ellipsis">天心区黄兴南路步行商业街北段E区4楼（海底捞楼上）</div>
                <div class="distance">1.8km</div>
          </div>
          <div class="flex"></div>
            <div class="label-block">
                  <div class="snack">小吃</div>
                  <div class="vipTag">折扣卡</div>
            </div>
 
<div class="discount-block">
    <div>
      <div class="discount-label normal card">
        <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
      </div>
      <div class="discount-label-text">开卡特惠，首单1张最高立减3元</div>
    </div>
</div>        </div>

      </div>
    </a>
    <a href="/shows/1564">
      <div class="item mb-line-b" data-id="1564" data-bid="dp_wx_home_cinema_list">
        <div class="title-block box-flex middle">
          <div class="title line-ellipsis">
            <span>完美世界影城（长沙友阿店）</span>
              <span class="price-block">
                <span class="price">24</span><span class="q">元起</span>
              </span>
          </div>
          <div class="location-block box-flex">
              <div class="flex line-ellipsis">雨花区人民路546号友阿百货4楼</div>
                <div class="distance">2km</div>
          </div>
          <div class="flex"></div>
            <div class="label-block">
                  <div class="endorse">改签</div>
                  <div class="snack">小吃</div>
                  <div class="vipTag">折扣卡</div>
            </div>
 
<div class="discount-block">
    <div>
      <div class="discount-label normal card">
        <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
      </div>
      <div class="discount-label-text">开卡特惠，首单2张最高立减10元</div>
    </div>
</div>        </div>

      </div>
    </a>
    <a href="/shows/25328">
      <div class="item mb-line-b" data-id="25328" data-bid="dp_wx_home_cinema_list">
        <div class="title-block box-flex middle">
          <div class="title line-ellipsis">
            <span>百丽宫影城（国金中心店）</span>
              <span class="price-block">
                <span class="price">40</span><span class="q">元起</span>
              </span>
          </div>
          <div class="location-block box-flex">
              <div class="flex line-ellipsis">芙蓉区解放西路188号长沙国金中心6楼</div>
                <div class="distance">2km</div>
          </div>
          <div class="flex"></div>
            <div class="label-block">
                  <div class="vipTag">折扣卡</div>
                    <div class="hallType">LUXE巨幕厅</div>
            </div>
 
<div class="discount-block">
    <div>
      <div class="discount-label normal card">
        <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
      </div>
      <div class="discount-label-text">开卡特惠，10.9元起开卡</div>
    </div>
</div>        </div>

      </div>
    </a>
    <a href="/shows/1570">
      <div class="item mb-line-b" data-id="1570" data-bid="dp_wx_home_cinema_list">
        <div class="title-block box-flex middle">
          <div class="title line-ellipsis">
            <span>万达影城（长沙解放路激光IMAX店）</span>
              <span class="price-block">
                <span class="price">30.9</span><span class="q">元起</span>
              </span>
          </div>
          <div class="location-block box-flex">
              <div class="flex line-ellipsis">天心区解放西路197号印象汇4楼万达影城（沃尔玛楼上）</div>
                <div class="distance">2.1km</div>
          </div>
          <div class="flex"></div>
            <div class="label-block">
                  <div class="endorse">改签</div>
                  <div class="snack">小吃</div>
                  <div class="vipTag">折扣卡</div>
                    <div class="hallType">IMAX厅</div>
            </div>
 
<div class="discount-block">
    <div>
      <div class="discount-label normal card">
        <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
      </div>
      <div class="discount-label-text">开卡特惠，19.9元起开卡</div>
    </div>
</div>        </div>

      </div>
    </a>
    <a href="/shows/1578">
      <div class="item mb-line-b" data-id="1578" data-bid="dp_wx_home_cinema_list">
        <div class="title-block box-flex middle">
          <div class="title line-ellipsis">
            <span>横店电影城（王府井店）</span>
              <span class="price-block">
                <span class="price">25</span><span class="q">元起</span>
              </span>
          </div>
          <div class="location-block box-flex">
              <div class="flex line-ellipsis">天心区黄兴中路王府井百货10楼</div>
                <div class="distance">2.2km</div>
          </div>
          <div class="flex"></div>
            <div class="label-block">
                  <div class="vipTag">折扣卡</div>
                    <div class="hallType">杜比全景声厅</div>
            </div>
 
<div class="discount-block">
    <div>
      <div class="discount-label normal card">
        <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
      </div>
      <div class="discount-label-text">开卡特惠，4.9元起开卡</div>
    </div>
</div>        </div>

      </div>
    </a>
    <a href="/shows/25804">
      <div class="item mb-line-b" data-id="25804" data-bid="dp_wx_home_cinema_list">
        <div class="title-block box-flex middle">
          <div class="title line-ellipsis">
            <span>中影南方万博汇国际影城</span>
              <span class="price-block">
                <span class="price">30</span><span class="q">元起</span>
              </span>
          </div>
          <div class="location-block box-flex">
              <div class="flex line-ellipsis">雨花区韶山中路489号万博汇名邸b栋第三、四层</div>
                <div class="distance">2.3km</div>
          </div>
          <div class="flex"></div>
            <div class="label-block">
                  <div class="endorse">改签</div>
                  <div class="vipTag">折扣卡</div>
                    <div class="hallType">杜比全景声厅</div>
                    <div class="hallType">60帧厅</div>
            </div>
 
<div class="discount-block">
    <div>
      <div class="discount-label normal card">
        <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
      </div>
      <div class="discount-label-text">开卡特惠，首单1张最高立减3元</div>
    </div>
</div>        </div>

      </div>
    </a>
    <a href="/shows/25226">
      <div class="item mb-line-b" data-id="25226" data-bid="dp_wx_home_cinema_list">
        <div class="title-block box-flex middle">
          <div class="title line-ellipsis">
            <span>晟嘉国际影城长沙东怡店</span>
              <span class="price-block">
                <span class="price">35</span><span class="q">元起</span>
              </span>
          </div>
          <div class="location-block box-flex">
              <div class="flex line-ellipsis">天心区书院路799号外国生活馆四-五层</div>
                <div class="distance">2.3km</div>
          </div>
          <div class="flex"></div>
            <div class="label-block">
                  <div class="allowRefund">退</div>
                  <div class="endorse">改签</div>
                  <div class="snack">小吃</div>
                  <div class="vipTag">折扣卡</div>
                    <div class="hallType">4D厅</div>
            </div>
 
<div class="discount-block">
    <div>
      <div class="discount-label normal card">
        <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
      </div>
      <div class="discount-label-text">开卡特惠，首单1张最高立减3元</div>
    </div>
</div>        </div>

      </div>
    </a>
    <a href="/shows/13996">
      <div class="item mb-line-b" data-id="13996" data-bid="dp_wx_home_cinema_list">
        <div class="title-block box-flex middle">
          <div class="title line-ellipsis">
            <span>橙天嘉禾影城（长沙芒果店）</span>
              <span class="price-block">
                <span class="price">25</span><span class="q">元起</span>
              </span>
          </div>
          <div class="location-block box-flex">
              <div class="flex line-ellipsis">雨花区车站南路171号芒果雅苑8、9栋3层</div>
                <div class="distance">2.4km</div>
          </div>
          <div class="flex"></div>
            <div class="label-block">
                  <div class="endorse">改签</div>
                  <div class="snack">小吃</div>
                  <div class="vipTag">折扣卡</div>
                    <div class="hallType">4K厅</div>
            </div>
 
<div class="discount-block">
</div>        </div>

      </div>
    </a>
    <a href="/shows/25954">
      <div class="item mb-line-b" data-id="25954" data-bid="dp_wx_home_cinema_list">
        <div class="title-block box-flex middle">
          <div class="title line-ellipsis">
            <span>睿斯国际影城（宇成朝阳广场）</span>
              <span class="price-block">
                <span class="price">19</span><span class="q">元起</span>
              </span>
          </div>
          <div class="location-block box-flex">
              <div class="flex line-ellipsis">芙蓉区车站中路39号宇成朝阳广场B区二楼</div>
                <div class="distance">2.4km</div>
          </div>
          <div class="flex"></div>
            <div class="label-block">
                  <div class="allowRefund">退</div>
                  <div class="endorse">改签</div>
                  <div class="vipTag">折扣卡</div>
            </div>
 
<div class="discount-block">
    <div>
      <div class="discount-label normal card">
        <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
      </div>
      <div class="discount-label-text">开卡特惠，首单1张最高立减3元</div>
    </div>
</div>        </div>

      </div>
    </a>
    <a href="/shows/25678">
      <div class="item mb-line-b" data-id="25678" data-bid="dp_wx_home_cinema_list">
        <div class="title-block box-flex middle">
          <div class="title line-ellipsis">
            <span>芒果国际影城（长沙大厦店）</span>
              <span class="price-block">
                <span class="price">24</span><span class="q">元起</span>
              </span>
          </div>
          <div class="location-block box-flex">
              <div class="flex line-ellipsis">芙蓉区朝阳街道五一大道59号长沙大厦1层</div>
                <div class="distance">2.5km</div>
          </div>
          <div class="flex"></div>
            <div class="label-block">
                  <div class="allowRefund">退</div>
                  <div class="endorse">改签</div>
                  <div class="snack">小吃</div>
                  <div class="vipTag">折扣卡</div>
            </div>
 
<div class="discount-block">
    <div>
      <div class="discount-label normal card">
        <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
      </div>
      <div class="discount-label-text">开卡特惠，首单1张最高立减3元</div>
    </div>
</div>        </div>

      </div>
    </a>
    <a href="/shows/1572">
      <div class="item mb-line-b" data-id="1572" data-bid="dp_wx_home_cinema_list">
        <div class="title-block box-flex middle">
          <div class="title line-ellipsis">
            <span>中影国际影城（雨花凯德广场店）</span>
              <span class="price-block">
                <span class="price">34</span><span class="q">元起</span>
              </span>
          </div>
          <div class="location-block box-flex">
              <div class="flex line-ellipsis">雨花区韶山中路421号凯德广场2楼</div>
                <div class="distance">2.5km</div>
          </div>
          <div class="flex"></div>
            <div class="label-block">
                  <div class="snack">小吃</div>
                  <div class="vipTag">折扣卡</div>
                    <div class="hallType">60帧厅</div>
            </div>
 
<div class="discount-block">
</div>        </div>

      </div>
    </a>
    <a href="/shows/1565">
      <div class="item mb-line-b" data-id="1565" data-bid="dp_wx_home_cinema_list">
        <div class="title-block box-flex middle">
          <div class="title line-ellipsis">
            <span>芒果博纳国际影城</span>
              <span class="price-block">
                <span class="price">29.9</span><span class="q">元起</span>
              </span>
          </div>
          <div class="location-block box-flex">
              <div class="flex line-ellipsis">芙蓉区黄兴中路188号乐和城5楼</div>
                <div class="distance">2.7km</div>
          </div>
          <div class="flex"></div>
            <div class="label-block">
                  <div class="endorse">改签</div>
                  <div class="snack">小吃</div>
                  <div class="vipTag">折扣卡</div>
            </div>
 
<div class="discount-block">
    <div>
      <div class="discount-label normal card">
        <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
      </div>
      <div class="discount-label-text">开卡特惠，首单1张最高立减8元</div>
    </div>
</div>        </div>

      </div>
    </a>
    <a href="/shows/7158">
      <div class="item mb-line-b" data-id="7158" data-bid="dp_wx_home_cinema_list">
        <div class="title-block box-flex middle">
          <div class="title line-ellipsis">
            <span>潇湘国际影城（阿波罗旗舰店）</span>
              <span class="price-block">
                <span class="price">30.9</span><span class="q">元起</span>
              </span>
          </div>
          <div class="location-block box-flex">
              <div class="flex line-ellipsis">芙蓉区八一路1号阿波罗商业广场四楼A区（八一路）</div>
                <div class="distance">2.9km</div>
          </div>
          <div class="flex"></div>
            <div class="label-block">
                  <div class="allowRefund">退</div>
                  <div class="endorse">改签</div>
                  <div class="snack">小吃</div>
                  <div class="vipTag">折扣卡</div>
            </div>
 
<div class="discount-block">
    <div>
      <div class="discount-label normal card">
        <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
      </div>
      <div class="discount-label-text">开卡特惠，首单1张最高立减3元</div>
    </div>
</div>        </div>

      </div>
    </a>
    <a href="/shows/28160">
      <div class="item mb-line-b" data-id="28160" data-bid="dp_wx_home_cinema_list">
        <div class="title-block box-flex middle">
          <div class="title line-ellipsis">
            <span>中影数字国际影城（中山亭店）</span>
              <span class="price-block">
                <span class="price">26.9</span><span class="q">元起</span>
              </span>
          </div>
          <div class="location-block box-flex">
              <div class="flex line-ellipsis">开福区定王台街道中山路市青少年宫C栋</div>
                <div class="distance">2.9km</div>
          </div>
          <div class="flex"></div>
            <div class="label-block">
                  <div class="allowRefund">退</div>
                  <div class="endorse">改签</div>
                  <div class="snack">小吃</div>
                  <div class="vipTag">折扣卡</div>
                    <div class="hallType">杜比全景声厅</div>
            </div>
 
<div class="discount-block">
    <div>
      <div class="discount-label normal card">
        <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
      </div>
      <div class="discount-label-text">开卡特惠，首单最高立减30元</div>
    </div>
</div>        </div>

      </div>
    </a>
    <a href="/shows/1573">
      <div class="item mb-line-b" data-id="1573" data-bid="dp_wx_home_cinema_list">
        <div class="title-block box-flex middle">
          <div class="title line-ellipsis">
            <span>芒果国际影城东风店</span>
              <span class="price-block">
                <span class="price">22.9</span><span class="q">元起</span>
              </span>
          </div>
          <div class="location-block box-flex">
              <div class="flex line-ellipsis">开福区营盘东路13号芒果国际影城（展览馆路52号）</div>
                <div class="distance">3km</div>
          </div>
          <div class="flex"></div>
            <div class="label-block">
                  <div class="allowRefund">退</div>
                  <div class="endorse">改签</div>
                  <div class="snack">小吃</div>
                  <div class="vipTag">折扣卡</div>
            </div>
 
<div class="discount-block">
</div>        </div>

      </div>
    </a>
    <a href="/shows/7449">
      <div class="item mb-line-b" data-id="7449" data-bid="dp_wx_home_cinema_list">
        <div class="title-block box-flex middle">
          <div class="title line-ellipsis">
            <span>万达影城（长沙开福万达广场IMAX店）</span>
              <span class="price-block">
                <span class="price">30.9</span><span class="q">元起</span>
              </span>
          </div>
          <div class="location-block box-flex">
              <div class="flex line-ellipsis">开福区湘江中路万达广场5楼（近长沙轮渡）</div>
                <div class="distance">3km</div>
          </div>
          <div class="flex"></div>
            <div class="label-block">
                  <div class="endorse">改签</div>
                  <div class="snack">小吃</div>
                  <div class="vipTag">折扣卡</div>
                    <div class="hallType">IMAX厅</div>
                    <div class="hallType">RealD 6FL厅</div>
                    <div class="hallType">4D厅</div>
                    <div class="hallType">MX4D厅</div>
            </div>
 
<div class="discount-block">
    <div>
      <div class="discount-label normal card">
        <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
      </div>
      <div class="discount-label-text">开卡特惠，19.9元起开卡</div>
    </div>
</div>        </div>

      </div>
    </a>

  </div>
</template>

<script>
export default {
  name: "cinema",
  data: function() {
    return {
        
    }; 
  },
};
</script>

<style scoped>
.cinema{
  overflow: hidden;
}
.cinema a{
  color: #000;
}
.fenLei{
  height: 40px;
  font-size: 13px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e8e8e8;
}
.fenLei span{
  width: 125px;
  height: 40px;
  text-align: center;
  line-height: 40px;
}
.fenLei span:nth-of-type(2){
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
}
.item {
    padding: 13px 15px 13px 0;
    margin-left: 15px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}
.title-block .title {
    height: 23px;
    line-height: 23px;
    font-size: 16px;
    color: #000;
}
.price-block .price{
  color: #f03d37;
  font-size: 18px;
}
.price-block .q {
    font-size: 11px;
    color: #f03d37;
}
.location-block {
    margin-top: 6px;
    font-size: 13px;
    color: #666;
}
.location-block .distance{
  margin-left: 5px;
  position: absolute;
  top: 60px;
  right: 40px;
}
.line-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.title-block .label-block {
    height: 17px;
    line-height: 17px;
    margin-top: 4px;
    margin-bottom: 4px;
}
.title-block .label-block div{
    display: inline-block;
    border-radius:2px;
    margin-right: 5px;
}
.title-block .label-block .endorse,
.title-block .label-block .hallType,
.title-block .label-block div.allowRefund
{
    color: #589daf;
    border: 1px solid #589daf;
}
.title-block .label-block div.snack,
.title-block .label-block div.vipTag
{
    color: #f90;
    border: 1px solid #f90;
}
.title-block .discount-block div{
  display: inline;
  color: #000;
}
.title-block .discount-block .card img{
  width: 15px;
  height: 14px;
}
</style>